.main-wrap
  min-height: 100vh
  display: flex
  flex-direction: column
  align-items: center
  justify-content: center
  color: #4A5361
  background: #fff
  box-shadow: inset 0px 15px 24px -15px #ddd

.main-title
  font-size: 20px
  font-weight: 600

.content-wrap
  margin-top: 26px
  min-height: 72vh
  background: #fff

  .side-wrap
    margin: 40px
    display: flex
    flex: 1 1 auto

  .left-side

    .list-view

      .list-title
        display: flex
        align-items: center
        justify-content: space-between
        color: #4A5361
        border-bottom: 1px solid #E3E8F0
        flex-direction: row

        .card-title

          .title-icon
            border-left: 4px solid #4181FF
            height: 14px

          .title-text
            font-size: 16px
            font-weight: bold

        .link
          font-size: 14px

      .sub-link
        display: flex
        flex-direction: row
        margin-bottom: 8px
        align-items: center
        justify-content: space-between
        font-size: 14px

        .sub-wrap
          display: flex
          flex-direction: row
          align-items: center
          width: 80%

          .sub-icon
            align-items: center
            display: flex
            margin-right: 8px

          .sub-content
            margin-right: 8px

.text-wrap
  font-size: 14px
  font-color: #4A5361
  font-weight: bold

